body{margin: 0px;padding: 0px;background: #f3f3f3;}
p{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #333;}
a:hover{color: #777;}
hr{height: 0;line-height: 0;margin: 10px 0;padding: 0;border: none!important;border-bottom: 1px solid #eee!important;clear: both;background: 0 0;overflow: hidden;}
ul{list-style-type:none;margin: 0px;padding: 0px;}
.container{width: 1200px;position: relative;margin: 0 auto;box-sizing: border-box;}
.card{background: #fff;border-radius: 6px;margin:20px auto;padding: 20px;}
.hide{display: none;}

.header{background: #43504d;}
.header a{color: #fff;padding:15px;display: inline-block;}
.header a:hover{background: #88b4f5;}
.main-banner{background: linear-gradient(270deg, #6a90c8 0%,#88b4f5 50%,#6a90c8 100%);padding: 60px;display: flex;flex-direction: column;align-items: center;}
.main-banner .search{background: #fff;border-radius: 6px;display: flex;justify-content: space-between;align-items: center;width: 500px;padding:5px 15px;}
.main-banner .search input{height: 37px;font-size: 20px;border: none;outline: none;width: 0;flex-grow: 1;}
.main-banner .search input::-webkit-input-placeholder{ color:#999;}
.main-banner .search .icon-sousuo{font-size: 1.5rem;color: #6a90c8;}
.main-banner .logo-txt{color: #fff;font-size: 28px;margin-bottom: 30px;}
.main-banner .logo-txt i{font-size: 30px;margin-right: 10px;}

.card .title{display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.card .title span{font-weight: bold;font-size: 1.2rem;color:#333;}
.card .title a{font-size: 1rem;color:#999;}
.art-container{display: flex;justify-content: space-between;margin-top: 10px;}
.art-container .col{width: 33.33%;flex-grow: 1;padding-right:30px;font-size: 15px;}
.art-container .col:last-child{padding-right:0px;}
.art-container .col ul li{display: flex;justify-content: space-between;padding: 10px 0px;}
.art-container .col ul li span{color: #aaa;flex-shrink: 0;margin-left: 5px;}
.art-container .col ul li img{width: 128px;height: 72px;border-radius: 4px;}
.art-container .col ul li div{margin-left: 10px;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;}
.art-container .col ul li div span{font-size: 14px;}
.card .art-list .art-item{display:flex;margin:20px 0px;}
.card .art-list .art-item .info{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;}
.card .art-list .art-item .info h3{padding:0px;margin:0px;font-size:18px;font-weight:normal;border-bottom:none;}
.card .art-list .art-item .info h3 a{color:#333;}
.card .art-list .art-item .info .descs{color:#666;font-size:14px;position: relative;line-height: 20px;max-height: 40px;overflow: hidden; color: gray;}
.card .art-list .art-item .info .descs:after{content: "...";color: gray;position: absolute;bottom: 0;right: 0;padding-left: 40px;padding-right: 5px;background: linear-gradient(to right, transparent, #fff 55%);}
.card .art-list .art-item .info .date{font-size:12px;}
.card .art-list .art-item img{width:180px;height:108px;border-radius:4px;}

.footer{background: #43504d;padding: 30px 0px;margin-top: 20px;color: #fff;font-size: 14px;}
.footer a{color: #fff;margin: 0px 10px;}
.footer .about-us{text-align: center;}
.footer .about-us p{margin-top: 30px;}
.footer .about-us p:first-child{margin-top: 0px;}
.footer .friend-link{display:flex;justify-content:center;margin-bottom:20px;}

/* list  */
.mains .lefts .zhi-ding h1{margin: 0px;font-size: 22px;color: #333;}
.mains .lefts .cate-list h2{margin: 0px;font-size: 20px;color: #333;}

/* detail */
.d-header{background: #88b4f5;}
.d-header .container{display:flex;justify-content:space-between;align-items: center;}
.d-header .container .logo{color: #fff;font-size: 22px;}
.d-header .container .logo i{font-size: 23px;margin-right: 10px;}
.mains{padding: 20px 0px;border-radius: 6px;display: flex;justify-content: space-between;}
.mains .lefts,.mains .rights{background: #fff;padding: 20px;border-radius: 6px;}
.mains .lefts{margin-right: 20px;flex-grow: 1;}
.mains .rights{min-width: 300px;}
.mains .lefts .nav-date{background: #f5f5f5;padding: 10px;border-radius: 4px;font-size: 12px;color: #666;display: flex;justify-content: space-between;}
.mains .lefts .nav-date a{color: #666;}
.mains .lefts h1{font-size: 24px;font-weight: bold;color: #333;}
.mains .lefts article{margin-top: 30px;position:relative;}
.mains .lefts article p{word-spacing: 8px;font-size: 16px;color: rgb(61, 70, 77);text-align: justify;line-height: 31px;font-family: 微软雅黑;letter-spacing: 1px;margin: 10px 0px;}
.mains .lefts article img{width: 100%;}
.mains .lefts article h2{font-size: 18px;font-weight: bold;color: #3d464d;}
.mains .lefts article h3{font-size: 16px;font-weight: bold;color: #3d464d;}
.mains .lefts article table{width: 100%;border-collapse: collapse;border-spacing: 0;display: table;background-color: #fff;color: #666;}
.mains .lefts article table thead tr,table tr:hover{background-color: #f5f5f5;}
.mains .lefts article table th,table td{padding: 5px 10px;border: 1px solid #bcbcbc;font-size: 14px;}
.mains .lefts article table th{text-align: left;font-weight: bold;}
.mains .lefts article table tbody tr:nth-child(even){background-color: #fafafa;}
.mains .lefts article a{color:#1E9FFF;}
.mains .lefts article .show-all{height: 80px;line-height: 110px;text-align: center; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 50%);position: absolute;left: 0px;right: 0px;margin-top: -40px;}
.mains .rights .title{font-weight: bold;color: #333;font-size: 18px;padding-bottom: 15px;margin-top:20px;}
.mains .rights .title i{color:#88b4f5;font-size: 18px;font-weight: bold;}
.mains .rights li{padding:10px 0px;}
.mains .rights li .pub-date{font-size: 12px;color:gray;margin-top: 6px;}
.mains .rights li .pub-date a{color: gray;margin-right: 5px;}